Ext.define('Gigi.view.group.Tree', {
			extend : 'Ext.tree.Panel',
			alias : 'widget.grouptree',

			store : 'Groups',

			region : 'west',
			width : 300,
			loadMask : true,
			disableSelection : false,
			rootVisible : false,
			hideHeaders : true,

			selModel : Ext.create('Ext.selection.RowModel', {allowDeselect : true}),

			columns : [{
						xtype : 'treecolumn',
						dataIndex : 'name',
						sortable : true,
						flex : 1
					}],

			dockedItems : [{
						xtype : 'toolbar',
						items : [{
									text : '新增',
									itemId : 'add'
								}, {
									text : '删除',
									itemId : 'delete'
								}, {
									text : '修改',
									itemId : 'update'
								}]
					}],

			listeners : {
				itemclick : function(view, record) {
					var tab = view.up('viewport').down('grouptab');
					tab.initData(record.get('id'));
				}
			},

			initComponent : function() {
				this.callParent(arguments);
			}
		});